

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script type="text/javascript" src="helpman_topicinit.js"></script>

<title>Layout Diagrams [Enterprise Architect User Guide]</title>

<meta name="keywords" content="Enterprise Architect, Sparx Systems, UML, Diagram,Diagram Layout Tool,Layout Diagram,Layout Diagram Tool,Layout Diagram Main Procedure,Layout Diagram Options,Window,Window Layout Pallete,Layout Pallete Window">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
  A, A:Visited
  {
    color: #00F;
  }

  A:Active, A:Hover
  {
    color: #F00;
  }

  OL
  {
    margin: 5px 0 5px 48px;
  }

  UL
  {
    margin-bottom: 3px;
    margin-top: 0;
  }

  #nsr
  {
    background-color: #D4DFFF;
  }

  #nsr A
  {
    text-decoration: none;
  }

  #mainbody
  {
    padding: 8px;
  }

  .p_BodyText
  {
    padding: 5px 0;
  }
</style>



<style type="text/css" media="screen">
  BODY
  {
    background-color: #FFFFFF;
  }

  #nsr
  {
    padding: 6px 6px 0 6px;
    border-bottom: none;
    vertical-align: top;
    z-index: 2;
    visibility: visible;
    left: 0;
    top: 0;
    position: absolute;
  }

  #mainbody
  {
    left: 0;
    top: 0;
    margin: 0;
    position: absolute;
    padding: 10px;
    overflow: auto;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
  }
</style>

<style type="text/css" media="print">
  #nsr
  {
    visibility: none;
  }

  #mainbody
  {
    overflow: visible;
  }
</style>
<script type="text/javascript" language="JavaScript" src="nonscroll.js"></script>

</head>
<body scroll="no">

<div id="page">



        <div id="content">
          <div id="content-inner">
          



  
          <div id="nsr">
            <table border="0" cellspacing="0" cellpadding="4" width="100%">
              <tr valign="top">
                <td align="left">
  


                  <p class="p_Heading1"><span class="f_Heading1">Layout Diagrams</span></p>



  
                </td>
                <td align="right">
                  <a href="introduction.htm" onmouseover="document.images.main.src='button_main_h.gif'" onmouseout="document.images.main.src='button_main.gif'">
                    <img name="main" src="button_main.gif" border=0 alt="Return to Introduction">
                  </a>&nbsp;
    
                  <a href="newdiagrams.htm" onmouseover="document.images.prev.src='button_prev_h.gif'" onmouseout="document.images.prev.src='button_prev.gif'">
                    <img name=prev src="button_prev.gif" border=0 alt="Previous page" />
                  </a>&nbsp;
    
    
    
                  <a href="circularelliptical_layout.htm" onmouseover="document.images.next.src='button_next_h.gif'" onmouseout="document.images.next.src='button_next.gif'">
                    <img name=next src="button_next.gif" border=0 alt="Next page" />
                  </a>
    
    
                </td>
              </tr>
            </table>
          </div>
          <div id="mainbody">
  


                <p class="p_BodyText"><span class="f_BodyText">Enterprise Architect provides a </span><span class="f_UIControl">Layout Palette</span><span class="f_BodyText"> window to enable you to lay out the elements in a diagram. Unless the diagram is very simple, this facility does not lay out the entire diagram; it consists of a set of tools to set out different areas or sets of elements in the diagram.</span></p>
<p class="p_BodyText"><span class="f_BodyText">To start to lay out a diagram, follow the steps below:</span></p>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=1><span class="f_NumberedList">Open the </span><span class="f_UIControl">Layout</span><span class="f_NumberedList"> </span><span class="f_UIControl">Palette</span><span class="f_NumberedList"> window; either:</span></li>
</ol>
<ul style="text-indent: 0px; margin-left: 65px; list-style-position: outside;">
<li><span class="f_Bulletlist3">Select the </span><span class="f_MenuKeyField">View | More Windows | Layout</span><span class="f_Bulletlist3"> menu option, or</span></li>
<li><span class="f_Bulletlist3">Right-click on the main toolbar and select the </span><span class="f_MenuKeyField">Layout Palette</span><span class="f_Bulletlist3"> context menu option.</span><br>
<span class="f_Bulletlist3">&nbsp;</span></li>
</ul>
<p class="p_Bulletlist3"><img src="layoutpalette.png" width="298" height="233" border="0" alt="LayoutPalette"><br>
<span class="f_Bulletlist3">&nbsp;</span></p>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=2><span class="f_NumberedList">Select the elements to lay out on the currently-active diagram - hold </span><span class="f_MenuKeyField">[Shift]</span><span class="f_NumberedList"> or </span><span class="f_MenuKeyField">[Control]</span><span class="f_NumberedList"> while you click on each required element, or hold the mouse button down while you sweep over the area containing the required elements.</span></li>
</ol>
<div style="text-align: left; text-indent: -21px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 48px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Note:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><p class="p_TiporNoteText"><span class="f_TiporNoteText">If no elements are selected on the active diagram, then all elements on the diagram are laid out (except where otherwise documented).</span></p>
</td>
</tr>
</table>
</div>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=3><span class="f_NumberedList">Click on the drop-down arrow on the top left field of the </span><span class="f_UIControl">Layout Palette</span><span class="f_NumberedList"> window, and select the required layout type.</span></li>
<li value=4><span class="f_NumberedList">The layout type determines the fields presented in the window, therefore the appropriate fields are described in the topic for each layout type.</span></li>
</ol>
<ul style="text-indent: 0px; margin-left: 65px; list-style-position: outside;">
<li><span class="f_Bulletlist3"><a href="circularelliptical_layout.htm">Circle/Ellipse</a></span></li>
<li><span class="f_Bulletlist3"><a href="box_layout.htm">Box</a></span></li>
<li><span class="f_Bulletlist3"><a href="per_page_layout.htm">Per Page</a></span></li>
<li><span class="f_Bulletlist3"><a href="digraph_layout.htm">Digraph</a></span></li>
<li><span class="f_Bulletlist3"><a href="spring_layout.htm">Spring</a></span></li>
<li><span class="f_Bulletlist3"><a href="neaten_layout.htm">Neaten</a></span></li>
<li><span class="f_Bulletlist3"><a href="convergediverge_layout.htm">Converge/Diverge</a></span></li>
<li><span class="f_Bulletlist3"><a href="fan_relations_layout.htm">Fan Relations</a></span></li>
<li><span class="f_Bulletlist3"><a href="auto_route_layout.htm">Auto Route</a></span></li>
</ul>
<ol style="text-indent: 0px; margin-left: 48px; list-style-position: outside;">
<li value=5><span class="f_NumberedList">When you have completed the fields, click on the <img src="layoutbutton.png" width="25" height="26" border="0" alt="LayoutButton"> button.</span><br>
<span class="f_NumberedList">&nbsp;</span><br>
<span class="f_NumberedList">Enterprise Architect sets out the selected elements according to the options you have selected.</span></li>
<li value=6><span class="f_NumberedList">If you do not want to work with the new layout, click on the</span><span class="f_MenuKeyField"> Undo</span><span class="f_NumberedList"> button in the toolbar (</span><img src="undolayout.png" width="26" height="28" border="0" alt="UndoLayout"><span class="f_NumberedList">). </span></li>
</ol>
<p class="p_BodyText"><span class="f_BodyText">&nbsp;</span><br>
<span class="f_BodyText">Enterprise Architect also provides a facility for <a href="layoutadiagram.htm">automatically laying out a diagram</a>. If necessary, you can manually adjust the final result of this automatic process.</span></p>




            </div>
          </div>
        </div>



</div>


</body>
</html>
